*{margin: 0; padding: 0;}
ul,ol{list-style: none;}
a{text-decoration: none; color: #3333;}
img{display: block;}
h1,h2,h3{font-weight: normal; font-size: 16px;}
html,body{font-family: Arial; height: 100%; overflow-y: hidden;}

.l{float: left;}
.r{float: right;}
.clear::after{content: ""; display: block; clear: both;}

/* header */
#header{ height: 80px; background: #018ffb; border-top: 5px solid #424147;}
/* #header .header_logo{} */
#header .header_logo h1{margin: 19px 14px 0 20px;}
#header .header_logo h2{color: white; font-size: 24px; line-height: 25px; margin-top: 28px;}
#header .header_nav{ font-size: 14px; line-height: 14px; margin-top: 33px;}
#header .header_nav li{float: left;color: white; margin-right: 25px;}
#header .header_nav li a{color: white;}
#header .header_nav li i{margin-right: 8px;}
#header .header_nav li i.iconwode , #header .header_nav li i.iconyuechi , #header .header_nav li i.iconshouye , #header .header_nav li i.iconfenxiang{font-size: 24px; position: relative; top: 4px; line-height: 8px;}

/* menu */
#menu{ width: 200px; background: #424147; height: calc(100% - 85px);}
#menu ul{text-align: center;}
#menu li{ height: 140px; border-bottom: solid 1px #3a393e; border-top: solid 1px #49484e;}
#menu li.active{color: white; background: #4e4d53;}
#menu li a{ color: #9a999e; width: 100%; height: 100%; display: block; padding-top: 35px; box-sizing: border-box;}
#menu li i{ font-size: 40px;}
#menu li p{margin-top: 15px;}

/* main */
#main{overflow: hidden; height: calc(100% - 85px - 50px);}
#main .main_contaiter{height: 100%; overflow-y: auto;}

/* footer */
#footer{height: 49px; border: solid 1px #dbe7ed; background: #f1f9fc; text-align: right; font-size: 12px; color: #888888; line-height: 49px; padding-right: 20px;}
